<template>
	<view class="box-main">
		<view class="p-30">
			<view class="mb-50">
				<view class="mt-50 flex ac sb">
					<view style="min-width: 160rpx;">
						<text class="c-999 fs-34" style="color: #353535;">姓名</text>
						<text class="ml-10" style="color: red;">*</text>
					</view>
					<view style="width: 80%;">
						<input :adjust-position='false' class="fs-32 mr-5" style="text-align: right;"
							placeholder-class="placeholder" type="text" v-model="form.name" placeholder="请输入您的真实姓名" />
					</view>
				</view>
				<view class="mt-30 mlr" style="height: 2rpx;width: 95%;background-color:#F4F5FA ;"></view>
			</view>
			<view class="mb-50">
				<view class="mt-50 flex ac sb">
					<view style="min-width: 160rpx;">
						<text class="c-999 fs-34" style="color: #353535;">公司名称</text>
						<text class="ml-10" style="color: red;">*</text>
					</view>
					<view style="width: 80%;">
						<input :adjust-position='false' class="fs-32 mr-5" style="text-align: right;"
							placeholder-class="placeholder" type="text" v-model="form.name" placeholder="请输入您公司名称" />
					</view>
				</view>
				<view class="mt-30 mlr" style="height: 2rpx;width: 95%;background-color:#F4F5FA ;"></view>
			</view>
			<view class="mb-50">
				<view class="mt-50 flex ac sb">
					<view style="min-width: 160rpx;">
						<text class="c-999 fs-34" style="color: #353535;">职位</text>
						<text class="ml-10" style="color: red;">*</text>
					</view>
					<view style="width: 80%;">
						<input :adjust-position='false' class="fs-32 mr-5" style="text-align: right;"
							placeholder-class="placeholder" type="text" v-model="form.name" placeholder="请输入您在公司职位" />
					</view>
				</view>
				<view class="mt-30 mlr" style="height: 2rpx;width: 95%;background-color:#F4F5FA ;"></view>
			</view>
			<view class="mb-20">
				<view class="mt-50 flex ac sb">
					<view style="min-width: 160rpx;">
						<text class="c-999 fs-34" style="color: #353535;">补充内容</text>
					</view>
					<view style="width: 80%;">
						<input :adjust-position='false' class="fs-32 mr-5" style="text-align: right;"
							placeholder-class="placeholder" type="text" v-model="form.name"
							placeholder="请输入补充内容，辅助审核快速通过" />
					</view>
				</view>
				<view class="mt-30 mlr" style="height: 2rpx;width: 95%;background-color:#F4F5FA ;"></view>
			</view>
			<view style="height: 12rpx;width: 100%;background-color: #F3F3F3;"></view>
		</view>

		<view class="p-50">
			<view>
				<text class="fw" style="color: #353535;">上传资料（上传后可进入急速审核通道）</text>
			</view>
			<view class="mt-40">
				<text class="fs-24">请上传认证资料：如名片，营业执照，企业微信/邮箱，微博等</text>
			</view>
			<view class="box-file mt-30 flex ac jc fc">
				<view>
					<text class="iconfont-yjgs" style="color: #D9D9D9;font-size: 80rpx;">&#xe6c9;</text>
				</view>
				<view class="mt-20" style="color: #D9D9D9;">
					<text>上传的图片需正面拍摄、清晰、无遮挡、无水印</text>
				</view>
			</view>
		</view>


		<view class="box-footer shadow-2">
			<view class="box-f-btn mt-5">
				提交审核
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					name: ''
				}
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.box-f-btn:active {
		opacity: .5;
	}

	.box-f-btn {
		border-radius: 8rpx;
		font-weight: bold;
		text-align: center;
		line-height: 90rpx;
		height: 90rpx;
		width: 100%;
		background-color: #306BFF;
	}

	.box-footer {
		z-index: 999;
		padding: 10rpx;
		padding-left: 20rpx;
		padding-right: 20rpx;
		position: fixed;
		left: 0;
		bottom: 0;
		color: white;
		background-color: white;
		width: 100%;
		padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx); ///兼容 IOS<11.2/
		padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx); ///兼容 IOS>11.2/
		height: calc(120rpx+ constant(safe-area-inset-bottom)); ///兼容 IOS<11.2/
		height: calc(120rpx + env(safe-area-inset-bottom)); ///兼容 IOS>11.2/
	}

	.box-file {
		border: 1rpx solid #D9D9D9;
		height: 360rpx;
	}

	.box-main {
		background-color: #FFFFFF;
		height: 100vh;
	}
</style>